<!DOCTYPE html >
<html lang="en"><head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
	<meta name="format-detection" content="telphone=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="mobile-web-app-capable" content="yes">
	<!-- UC强制全屏 -->
	<meta name="full-screen" content="yes">
	<!-- QQ强制全屏 -->
	<meta name="x5-fullscreen" content="true">
	<!-- UC应用模式-->
	<meta name="browsermode" content="application">
	<!-- QQ应用模式 -->
	<meta name="x5-page-mode" content="app">

	<link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/global.css" type="text/css">

	<title>购彩大厅</title>
	<script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
	<script>
		var gameNameTemp = 'index';
		var inType = {$cp_id};
	</script>
	<script src="__TEMPLATE__/sysme/js/getTime.js" type="text/javascript" charset="utf-8"></script>
	<!-- start  16-09-30 : 下面解决iscroll自带 bug (bugID=1613) -->
	<style>
		body,#wrapper_1{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}/*解决苹果滚动条卡顿的问题*/
		#wrapper_1{overflow-y:visible!important;}
		body.login-bg{padding-top:97px;}
		/*.lott-menu{position:fixed;top:44px;left:0;}*/
	</style>
	<style>
		.gray {
			-webkit-filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			filter: grayscale(100%);
			filter: gray;
		}
		/*#qiehuan_wanfa{
            display: none;
        }*/
		.wanfa{
			background: #cccccc;
			width: 100%;
			text-align: center;
			color: black;
			display: inline-block;
			height: 40px;
			line-height: 40px;
			font-size: 1.3rem;
		}
		.gx_wanfa{
			background-color: #e53120;
			color: white;
		}
	</style>

	<style type="text/css">
		.m11{
			width: 100%;
			overflow: hidden;
			/* margin: 52px; */
			margin-top: 50px;
			/* margin-left: 10px; */
			margin-right: 13px;
		}
		.m10 {
			line-height: 37px;
		    height: 67px;
		    overflow: auto;
		    background: #fff;
		    white-space: nowrap;
		    font-size: 14px;
		    border-bottom: 1px solid #ddd;
		}

		.sk_time {
			display: inline-block;
			float: right;
			margin-right: 10px;
			margin-top: -18px;
			width: 100px;
		}
		.sk_time span {
			color: black;
			border-radius: 3px;
			display: inline-block;
			width: 100%;
			text-align: center;
			font-size: 12px;
		}


		.category_child div{
			background-size: 30px 30px;
			width: 30px;
			height: 30px;
			margin-left: 20px;
		}

		.rm_h{
			background-image: url(__TEMPLATE__/sysme/images/hr.png);
		}
		.rm{
			background-image: url(__TEMPLATE__/sysme/images/hr_black.png);
		}

		.ssc{
			background-image: url(__TEMPLATE__/sysme/images/70.png);
		}
		.ssc_h{
			background-image: url(__TEMPLATE__/sysme/images/ssc.png);
		}

		.pk{
			background-image: url(__TEMPLATE__/sysme/images/66.png);
		}
		.pk_h{
			background-image: url(__TEMPLATE__/sysme/images/pk10.png);
		}

		.ks{
			background-image: url(__TEMPLATE__/sysme/images/69.png);
		}
		.ks_h{
			background-image: url(__TEMPLATE__/sysme/images/ks.png);
		}

		.syxw{
			background-image: url(__TEMPLATE__/sysme/images/67.png);
		}
		.syxw_h{
			background-image: url(__TEMPLATE__/sysme/images/11x5.png);
		}

		.dpc{
			background-image: url(__TEMPLATE__/sysme/images/68.png);
		}
		.dpc_h{
			background-image: url(__TEMPLATE__/sysme/images/dpc.png);
		}

		.pcdd{
			background-image: url(__TEMPLATE__/sysme/images/65.png);
		}
		.pcdd_h{
			background-image: url(__TEMPLATE__/sysme/images/pcdd.png);
		}

		.lhc{
			background-image: url(__TEMPLATE__/sysme/images/64.png);
		}
		.lhc_h{
			background-image: url(__TEMPLATE__/sysme/images/lhc.png);
		}
		.qxc{
			background-image: url(__TEMPLATE__/sysme/images/71.png);
		}
		.qxc_h{
			background-image: url(__TEMPLATE__/sysme/images/qxc.png);
		}
		#category::-webkit-scrollbar {
		        display: none;
		    }
		    
		.gc_active{
			color: #ff675b;
			display: inline-block;
		    height: 66px;
		    width: 100%;
		    border-bottom: 2px solid #ff675b;
		}
		.code_detail{
			width: 32%;
		    height: 146px;
		    background-color: white;
		    margin-top: 10px;
		    padding-top: 10px;
		    float: left;
		    border: 1px solid #ddd;
		    border-radius: 3px;
		    text-align: center;
		    margin-left: 3px;
		}
	</style>
	<script>
		//覆盖（重写 ）iscro-lot.js 同名方法避免bug产生 (只有使用IScroll.js的地方才需要调用iscro-lot.js文件中的 loaded()方法 )
		function loaded(){}//空实现
		firstPage = 0;//常亮
		//  document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); //uc浏览器滑动
	</script>


	<!-- end  16-09-30 :  下面解决iscroll自带 bug (bugID=1613) -->
</head>

<body>
<script type="text/javascript">
	function GetQueryString(name)//这个方法去获得get参数
	{
		var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
		var r = window.location.search.substr(1).match(reg);
		if(r!=null)return  unescape(r[2]); return null;
	}
</script>
<div class="header">
	<div class="headerTop" style="position: relative;">
		<div class="ui-toolbar-left">
			<!--<button id="reveal-left" onClick="window.history.go(-1);">reveal</button>-->
		</div>
		<h1 class="ui-toolbar-title" style="font-size: 16px;">购彩大厅</h1>
		<!--<a href="{:url('bet/indexa')}">
        	<span id="" style="position: absolute;top: 14px;right: 8px;font-size: 12px;color: white;">
			全部彩种
		</span>
		</a>-->

	</div>
</div>

<div class="m11">
	<div class="m10" id="category">
		{volist name="big_type" id="item"}
			<div id="{$item.class_sign}_t" data-type="{$item.class_sign}" class="category_child" data-code="{$item.czids}" style="display: inline-block;width: 65px;text-align: center;">
				<div class="{$item.select_d}"></div>
				<span>{$item.class_name_lottery}</span>
			</div>
		{/volist}
	</div>
</div>



<div class="rm_n" style="margin-bottom: 66px;padding-left: 3px;overflow: hidden;">
	{volist name="caipiao" id="item"}
	<div class="code_detail" id="type_{$item.id}" style="{if condition='$item.cp_dn_index neq 1'} display : none; {/if}">
		<a href="{:url('game/index')}?game_id={$item.id}">
			<img src="__TEMPLATE__/sysme/images/{$item.id}.png" style="width:65px;height:65px;"/>
			<p style="font-size: 14px;">
				{if condition="$item.cp_name_new eq ''"}
				{$item.cp_name_old}
				{else/}
				{$item.cp_name_new}
				{/if}
			</p>
			<p style="color: #a59e98;font-size: 12px;">{$item.num_day}</p>
			
		</a>


		<div class="" style="width: 100%;margin-top: -8px;padding-top: 10px;">
			<a href="{:url('Lottery/zoushi')}?game_id={$item.id}" style="width: 46%;text-align: center;display: inline-block;">
			
				<span id="" style="font-size: 14px;">走势</span>
			</a>
			<i style="height: 10px;border-right: 1px solid #ccd4e5;display: inline-block;"></i>
			<a href="{:url('lottery/guize')}?game_id={$item.id}" style="width: 45%;text-align: center;display: inline-block;position: relative;">

				<span id="" style="font-size: 14px;">玩法</span>
			</a>
		</div>
	</div>
	{/volist}
</div>



<div class="menu" style="border-top: 2px solid #d8d8d8;box-shadow: 0 0 10px #d8d8d8; ">
	<ul>
		<!--首页-->
		<li><a class="menu-home" href="{:url('index/mhome')}"><img style="" src="__TEMPLATE__/mobile/index/img/nav_{if condition="$cur=='index'"}0{/if}1.png"></a></li>
		<!--购彩-->
		<li><a class="menu-color" href="{:url('bet/index')}"><img style="" src="__TEMPLATE__/mobile/index/img/nav_{if condition="$cur=='shop'"}0{/if}2.png"></a></li>
		<!--开奖-->
		<li><a class="menu-lot" href="{:url('lottery/index')}"><img style="" src="__TEMPLATE__/mobile/index/img/nav_{if condition="$cur=='lottery'"}0{/if}3.png"></a></li>
		<!--注单-->
		<li><a class="menu-news" href="{:url('lottery/zhudan')}"><img style="" src="__TEMPLATE__/mobile/index/img/nav_{if condition="$cur=='lottery_trend'"}0{/if}4.png"></a></li>
		<!--我的-->
		<li><a class="menu-my" href="{:url('member/index')}"><img style="" src="__TEMPLATE__/mobile/index/img/nav_{if condition="$cur=='member'"}0{/if}5.png"></a></li>
	</ul>
</div>
<script type="text/javascript">

	$(function(){
		$("#category .category_child").click(function(){
			var type = $(this).data("type");
			var code = String($(this).data("code")).split(",");
			$(".rm_n .code_detail").css("display","none");
			$.each(code,function(a,c){
				$("#type_"+c).css("display","block");
			})
			var array_type = ['rm','ssc','pk','ks','syxw','dpc','pcdd','lhc','qxc'];

			$.each(array_type,function(a,c){
				var name =
						$("."+c+"_h").attr('class',c);
			})
			var if_class = $(this).find('div').hasClass(type+"_h");
			if(if_class == false){
				$(this).find('div').attr('class',type+"_h");
			}
		})
		var get = GetQueryString('btn');
		$("#"+get).click();
	})
	
	$('.category_child').click(function(){
		$(this).addClass('gc_active').siblings('div').removeClass('gc_active');
	})
</script>
